<template>
	<div class="backloglist">
		<h3>代办列表</h3>
		<el-table :data="tableData" border style="width: 100%">
			<el-table-column fixed prop="date" label="代办任务类型">
			</el-table-column>
			<el-table-column prop="name" label="代办任务名称">
			</el-table-column>
			<el-table-column prop="province" label="到达时间">
			</el-table-column>
			<el-table-column fixed="right" label="操作" width="150">
				<template slot-scope="scope">
					<el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>

					<el-button type="text" size="small">处理</el-button>
				</template>
			</el-table-column>
		</el-table>
		
	</div>

	



</template>

<script>
	export default {
		methods: {
			handleClick(row) {
				console.log(row);
			}
		},

		data() {
			return {
				tableData: [{
					date: '2016-05-02',
					name: '王小虎',
					province: '上海',
					city: '普陀区',
					address: '上海市普陀区金沙江路 1518 弄',
					zip: 200333
				}, {
					date: '2016-05-04',
					name: '王小虎',
					province: '上海',
					city: '普陀区',
					address: '上海市普陀区金沙江路 1517 弄',
					zip: 200333
				}, {
					date: '2016-05-01',
					name: '王小虎',
					province: '上海',
					city: '普陀区',
					address: '上海市普陀区金沙江路 1519 弄',
					zip: 200333
				}, {
					date: '2016-05-03',
					name: '王小虎',
					province: '上海',
					city: '普陀区',
					address: '上海市普陀区金沙江路 1516 弄',
					zip: 200333
				}]
			}
		}
	}
</script>

<style>
	.backloglist {
		max-width: 1100px;
		margin: 0 auto;
		padding: 30px;
		border-radius: 4px;
	}
</style>